import QtQuick 2.0

Item {
    property string note

    height: 40
    width: 300
    x: 10
    Row {
        spacing: 10
        Rectangle {
            id: checkBox
            property bool checked: false

            width: 20
            height: 20
            color: "white"
            border.color: "black"
            border.width: 2

            Text {
                id: check
                anchors.fill: parent
                horizontalAlignment: Text.AlignHCenter
                verticalAlignment: Text.AlignVCenter
                text: "X"
                visible: false
            }

            MouseArea {
                anchors.fill: parent
                onClicked: {
                    checkBox.checked = !checkBox.checked;
                    check.visible = checkBox.checked;
                }
            }
        }

        Text {
            id: noteText
            text: note
            font.family: "Helvetica"
            font.pointSize: 20
            color: "Black"
            width: 250
            wrapMode: Text.WordWrap
        }
    }

}
